<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <!-- Bootstrap -->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../static/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="../static/css/nprogress.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="../static/css/green.css" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link href="../static/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <!-- JQVMap -->
    <link href="../static/css/jqvmap.min.css" rel="stylesheet"/>
    <!-- Custom Theme Style -->
    <link href="../static/css/custom.min.css" rel="stylesheet">
    <!-- add localcss 2016-8-21 -->
    <link href='../static/localcss/applist.css' rel='stylesheet'>
</head>
<body class="nav-md footer_fixed">
<div class="container body">
    <div class="main_container">
        <div class="col-md-3 left_col menu_fixed">
            <div class="left_col scroll-view">
                <div class="navbar nav_title" style="border: 0;">
                    <a href="#" class="site_title"><i class="fa fa-paw"></i> <span>APP BMS</span></a>
                </div>

                <div class="clearfix"></div>

                <!-- menu profile quick info -->
                <div class="profile">
                    <div class="profile_pic">
                        <img src="../static/images/img.jpg" alt="..." class="img-circle profile_img">
                    </div>
                    <div class="profile_info">
                        <span th:text="${session.user.userName}"></span>
                    </div>
                </div>
                <!-- /menu profile quick info -->
                <br />
                <!-- sidebar menu -->
                <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                    <div class="menu_section">
                        <span th:text="${session.user.userName}"></span>
                        <ul class="nav side-menu">
                            <li><a><i class="fa fa-home"></i> 用户管理 <span class="fa fa-chevron-down"></span></a>
                                <ul class="nav child_menu">
                                    <li><a href="/sysUser/getUserAll">用户列表</a></li>
                                    <li><a href="/sysUser/goAddUser">添加用户</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- /sidebar menu -->

                <!-- /menu footer buttons -->
                <div class="sidebar-footer hidden-small">
                    <a data-toggle="tooltip" data-placement="top" title="Settings">
                        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                        <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="Lock">
                        <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="Logout" href="/sysUser/exit">
                        <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                    </a>
                </div>
                <!-- /menu footer buttons -->
            </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
            <div class="nav_menu">
                <nav>
                    <div class="nav toggle">
                        <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                    </div>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="">
                            <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                <img src="../static/images/img.jpg" alt=""><span th:text="${session.user.userName}"></span>
                                <span class=" fa fa-angle-down"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-usermenu pull-right">
                                <li><a href="/sysUser/exit"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
                            </ul>
                        </li>

                        <li role="presentation" class="dropdown">

                            <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                                <li>
                                    <a>
                                        <span class="image"><img src="../static/images/img.jpg" alt="Profile Image" /></span>
                    <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                    <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img src="/static/img.jpg" alt="Profile Image" /></span>
                    <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                    <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img src="../static/images/img.jpg" alt="Profile Image" /></span>
                    <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                    <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img src="../static/images/img.jpg" alt="Profile Image" /></span>
                    <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                    <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <div class="text-center">
                                        <a>
                                            <strong>See All Alerts</strong>
                                            <i class="fa fa-angle-right"></i>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- /top navigation -->
        <div class="right_col" role="main">
            <div class="">

                <div class="clearfix"></div>
                <div class="row">

                    <div class="col-md-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>
                                    用户列表
                                </h2>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">

                        <div class="x_panel">
                            <button type="button" class="btn btn-success" th:onclick="|add()|">新增用户信息</button>
                            <div class="x_content">
                                <p class="text-muted font-13 m-b-30"></p>
                                <div id="datatable-responsive_wrapper"
                                     class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                                   cellspacing="0" width="100%" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;">
                                                <thead>
                                                <tr role="row">
                                                    <th class="sorting_asc" tabindex="0"
                                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                        style="width: 70px;" aria-label="First name: activate to sort column descending"
                                                        aria-sort="ascending">编号</th>
                                                    <th class="sorting" tabindex="0"
                                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                        style="width: 10px;"
                                                        aria-label="Last name: activate to sort column ascending">
                                                        用户类型</th>
                                                    <th class="sorting" tabindex="0"
                                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                        style="width: 90px;"
                                                        aria-label="Last name: activate to sort column ascending">
                                                        账号</th>
                                                    <th class="sorting" tabindex="0"
                                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                        style="width: 50px;"
                                                        aria-label="Last name: activate to sort column ascending">
                                                        用户名</th>
                                                    <th class="sorting" tabindex="0"
                                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                        style="width: 170px;"
                                                        aria-label="Last name: activate to sort column ascending">
                                                        创建时间</th>
                                                    <th class="sorting" tabindex="0"
                                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                        style="width: 30px;"
                                                        aria-label="Last name: activate to sort column ascending">
                                                        创建人ID</th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                    <tr role="row" class="odd" th:each="user:${userList.getList()}">
                                                        <td tabindex="0" class="sorting_1" th:text="${user.id}"></td>
                                                        <td th:switch="${user.userType}">
                                                            <span th:case="1">系统管理员</span>
                                                            <span th:case="2">挂号员</span>
                                                            <span th:case="3">门诊医师</span>
                                                            <span th:case="4">收银员</span>
                                                            <span th:case="5">药方医师</span>
                                                        </td>
                                                        <td th:text="${user.account}"></td>
                                                        <td th:text="${user.userName}"></td>
                                                        <td th:text="${user.createdTime}"></td>
                                                        <td th:text="${user.createdUserId}"></td>
                                                        <!--<td th:text="${user.password}"></td>-->
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-5">
                                            <div class="dataTables_info" id="datatable-responsive_info"
                                                 role="status" aria-live="polite"><span th:text="|共${userList.getTotal()}条记录   ${userList.getPageNum()}/${userList.getPages()}页|"></span>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <span>
                                                    <a th:href="@{/sysUser/getUserAll(curPage=${userList.getNavigateFirstPage()})}" th:text="首页"></a>
                                                    <span th:each="l:${userList.navigatepageNums}">
                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a th:href="@{/sysUser/getUserAll(curPage=${l})}" th:text="${l}"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    </span>
                                                    <a th:href="@{/sysUser/getUserAll(curPage=${userList.getNavigateLastPage()})}" th:text="尾页"></a>
                                                </span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
<!-- footer content -->
<footer>
    <div class="pull-right">
        ©2016 All Rights Reserved.
    </div>
    <div class="clearfix"></div>
</footer>
<!-- /footer content -->
</div>
</div>
<!-- jQuery -->
<script src="../static/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../static/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="../static/js/fastclick.js"></script>
<!-- NProgress -->
<script src="../static/js/nprogress.js"></script>
<!-- jQuery custom content scroller -->
<script src="../static/js/jquery.mCustomScrollbar.concat.min.js"></script>

<!-- Custom Theme Scripts -->
<script src="../static/js/custom.min.js"></script>
<script src="../static/js/jquery-3.6.0.js"></script>
<script>
    function add(){
        location.href="/sysUser/goAddUser";
    }

    $(document).ready(function () {
        //一级分类
        $.post("/appCategory/getCategoryName", {"id": null},
                function (data) {
                    $("[name=categoryLevel1]").text(" ")
                    var str = "<option value='0'>--请选择--</option>";
                    for (var i = 0; i < data.length; i++) {
                        var aa = ${appInfo.categoryLevel1 ==null?"-1":appInfo.categoryLevel1}
                                str += "<option value='" + data[i].id + "'>" + data[i].categoryName + "</option>";
                    }
                    $("[name=categoryLevel1]").append(str);
                    $("[name=categoryLevel1]").val(${appInfo.categoryLevel1}).change();
                }, "json");
        //app所属平台栏
        $.post("/dataDictionary/getStatusAndFlatFormName", {
            "typeName": "所属平台"
        }, function (data) {
            $("[name=flatformId]").text(" ")
            var str = "<option value='0'>--请选择--</option>";
            for (var i = 0; i < data.length; i++) {
                str += "<option value='" + data[i].valueId + "'>" + data[i].valueName + "</option>";
            }
            $("[name=flatformId]").append(str);
            $("[name=flatformId]").val(${appInfo.flatformId}).change();
        }, "json");
    });

    $("[name=categoryLevel1]").change(function () {
        $.post("/appCategory/getCategoryName", {
            "id": $("[name=categoryLevel1]").val()
        }, function (data) {
            $("[name=categoryLevel2]").text("")
            var str = "<option value='0'>--请选择--</option>";
            for (var i = 0; i < data.length; i++) {
                str += "<option value='" + data[i].id + "'>" + data[i].categoryName + "</option>";
            }
            $("[name=categoryLevel2]").append(str);
            $("[name=categoryLevel2]").val(${appInfo.categoryLevel2}).change();
        }, "json")
    });
    $("[name=categoryLevel2]").change(function () {
        $.post("/appCategory/getCategoryName", {
            "id": $("[name=categoryLevel2]").val()
        }, function (data) {
            $("[name=categoryLevel3]").text(" ");
            var str = "<option value='0'>--请选择--</option>";
            for (var i = 0; i < data.length; i++) {
                str += "<option value='" + data[i].id + "'>" + data[i].categoryName + "</option>";
            }
            $("[name=categoryLevel3]").append(str);
            $("[name=categoryLevel3]").val(${appInfo.categoryLevel3});
        }, "json")
    });
    function shenHe(id,versionId){
        if(versionId==""){
            alert("该APP应用没有上传最新版本，不能进行审核操作!");
        }else{
            location.href="/appInfo/getAppInfoTwo?id="+id;
        }
    }
</script>
</body>
</html>